page-home {
    .content{
        background-color: #f8f8f8;
        .con-tabs{
            background-color: #fff;
            padding: 8px 0;
            text-align: center;
            .item-icon{
                text-align: center;
                width: 34px;
                height: 34px;
                line-height: 34px;
                color: #fff;
                border-radius: 50%;
                font-size: 1.6rem; 
                margin-bottom: 5px 
            }
            .mail{
                background-color: lightsalmon 
            }
            .zhaohu{
                background-color: lightseagreen 
            }
            .work{
                background-color:yellow 
            }
            .date{
                background-color: lightskyblue 
            }
            .item-name{
                font-size: 1rem;
                color: #7a7a7a; 
            }
        }
        .justify{
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-box-pack: justify;
            align-items: center;
            justify-content: space-between
        }
        .justify:before,
        .justify:after{
            content: "";
            display: block
        }
        .notice{
            padding-left: 40px;
            position: relative;
            background-color: #fff;
            margin: 10px 0;
            height: 32px;
            font-size: .75rem;
            .notice-title{
                position: absolute;
                top: 50%;
                left: 8px;
                transform: translateY(-50%)
            }
            .notice-scroll{
                height: 32px;
                overflow: hidden;
            }
            .n-slide{
                text-align: left;
                line-height: 32px;
                height: 32px;
                color: #7a7a7a;
                font-size: 1rem;
            }
        }
        .introduce{
            overflow: hidden;
            .intro-item{
                float: left;
                width: 50%;
                height: 120px;
                line-height: 120px;
                text-align: center;
                background-color: #fff;
                .item-small{
                    height: 60px;
                    line-height: 60px
                }
                .item-top{
                    border-bottom: 2px solid #f8f8f8;
                    box-sizing: border-box
                }
            }
            .intro-left{
               border-right: 2px solid #f8f8f8;
               box-sizing: border-box
            }
        }
        .myApply{
            background-color: #fff;
            margin-top: 10px;
            .apply-header{
                position: relative;
                font-size: 15px;
                // font-weight: bold;
                padding: 8px 0 8px 8px;
                .edit{
                    position: absolute;
                    right: 8px;
                    bottom: 8px;
                    font-size: 12px;
                }
            }
            .apply-content{
                overflow: hidden;
                .apply-item{
                    float: left;
                    width: 25%;
                    height: 60px;
                    text-align: center;
                    line-height: 60px
                }
            }
        }
    }
}
